import React, { useContext } from "react";
import { View, StyleSheet, Dimensions, Text, Image } from "react-native";
import CommonContext from '@/utils/createContext'
import { getLabel } from "@/utils/util";

const { width, scale } = Dimensions.get('window')
const ratio = width * scale / 1080

const NoneHistory = () => {

    const { coinType } = useContext(CommonContext)

    return (
        <View style={styles.container}>
            <Image source={require('@/assets/imgs/jyjl.png')} style={styles.img} />
            <Text style={styles.title}>You don't have {getLabel(coinType)} transactions yet.</Text>
        </View>
    )
}

const styles = StyleSheet.create({
    container: {
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center'
    },
    img: {
        width: 84 * ratio,
        height: 84 * ratio
    },
    title: {
        fontSize: 15,
        fontFamily: 'Microsoft YaHei',
        fontWeight: '400',
        color: "#2A2A2A",
        lineHeight: 20,
        opacity: 0.45,
        marginTop: 34 * ratio
    }
})
export default NoneHistory